﻿<%@ Page Language="VB" MasterPageFile="~/promocionVenta.master" AutoEventWireup="false" CodeFile="reporteVentas.aspx.vb" Inherits="reportes_reporteVentas" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<%@ MasterType VirtualPath="~/promocionVenta.master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"></asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <script type="text/javascript">
        $(document).ready(function () {
            $(function () {
                $("#dialog").dialog({
                    width: 200,
                    height: 80,
                    position: [1100, 120],
                    closeOnEscape: false
                });
            });
            
            //$('#txtFecha').datepicker(); // Sirve para mostrar el DatePicker con las configuraciones por defecto.

            $("#txtFechaIni").datepicker({
                dateFormat: 'dd/mm/yy',
                changeMonth: true,
                changeYear: true,
                showWeek: true,
                selectWeek: true,
                closeOnSelect: false,
                firstDay: 1,
                calculateWeek: myWeekCalc,
                showOtherMonths: true,
                selectOtherMonths: true,
                maxDate: ('<%=hdfFechaCierre.Value%>')
            });

            $("#txtFechaIni").datepicker().click(function(event) {
                // highlight the TR
                $(".ui-datepicker-current-day").parent().addClass('borde_semana_seleccionada');

                // highlight the TD > A
                $(".ui-datepicker-current-day").siblings().find('a').addClass('fondo_semana_seleccionada');
            });

            $("#txtFechaFin").datepicker({
                dateFormat: 'dd/mm/yy',
                changeMonth: true,
                changeYear: true,
                showWeek: true,
                selectWeek: true,
                closeOnSelect: false,
                firstDay: 1,
                calculateWeek: myWeekCalc,
                showOtherMonths: true,
                selectOtherMonths: true,
                maxDate: ('<%=hdfFechaCierre.Value%>')
            });

            $("#txtFechaFin").datepicker().click(function(event) {
                // highlight the TR
                $(".ui-datepicker-current-day").parent().addClass('borde_semana_seleccionada');

                // highlight the TD > A
                $(".ui-datepicker-current-day").siblings().find('a').addClass('fondo_semana_seleccionada');
            });            
        });

        function myWeekCalc(date) {
            var checkDate = new Date(date.getTime());

            // Find Thursday of this week starting on Sunday  
            //checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay()));  

            // Según la lógica de negocio la primera semana del año debe ser la que contiene el primer domingo. 7.- Representa el día Domingo. 6.- Representa el día Sábado. 5....
            checkDate.setDate(checkDate.getDate() + 7 - (checkDate.getDay()));

            var time = checkDate.getTime();

            checkDate.setMonth(0); // Compare with Jan 1  

            checkDate.setDate(1);

            return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
        }

        /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
        //ISO 8601: semana comenzará el lunes, la primera semana del año contiene el primer jueves del año.

        //iso8601Week( date )  : http://docs.jquery.com/UI/Datepicker/iso8601Week

        //Determinar la semana del año para una fecha determinada: 1 a 53.
        //Esta función utiliza la definición de ISO 8601 de una semana: semana comenzará el lunes y la primera semana 
        //del año contiene 4 de enero. Esto significa que un máximo de tres días a partir del año anterior puede ser incluido 
        //en el de la primera semana del año en curso, y que un máximo de tres días a partir del año en curso pueden ser 
        //incluidos en la última semana del año anterior.
        /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

        function btnAceptar_onClick() {
            var ddlProyecto = $get('ddlProyecto');
            var txtNroDocumento = $get('txtNroDocumento');
            var txtNombreCliente = $get('txtNombreCliente');

            var prmParametro = '';
                    
            __doPostBack("Obj", prmParametro);
        }
        
        // unblock when ajax activity stops 
        $(document).ajaxStop($.unblockUI);

        $(document).ready(function () {
            $('.boton_act').click(function () {
                $.blockUI({
                    css: {
                        border: 'none',
                        padding: '15px',
                        backgroundColor: '#000',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        opacity: .5,
                        color: '#fff'
                    }
                });
            });
        });
    </script>
    
    <div id="dialog" title="Links de Acciones">
        <table style="border-color: transparent">
            <tr>
                <td>
                    <asp:HyperLink ID="lnkConsultar" runat="server" CssClass="hipervinculo" NavigateUrl="#" style="color: Blue">
                        <asp:Image ID="imgConsultar" runat="server" ImageUrl="~/App_Themes/gif/consultar.gif" ImageAlign="Top" /> Consultar
                    </asp:HyperLink>
                </td>
                <td>
                    <asp:LinkButton ID="lnkBtnExportar" runat="server" CssClass="hipervinculo" ClientIDMode="Static" style="color: Blue">
                        <asp:Image ID="imgExportar" runat="server" ImageUrl="~/App_Themes/gif/exportar.gif" ImageAlign="Top" /> Exportar
                    </asp:LinkButton>
                </td>
            </tr>
        </table>
    </div>

    <asp:Panel ID = "pnlConsulta" runat = "server" Style="display: none" CssClass = "modalPopup_2">
        <asp:Panel ID="pnlArrastre" runat="server" CssClass = "panel_arrastre_2">
            <table style="border-style:none; border-width: 0; text-align: center">
                <tr>
                    <td style="text-align: center; vertical-align: middle">Consulta por criterios de búsqueda</td>
                </tr>
            </table>
        </asp:Panel>                       
            
        <table>
        <tbody>
            <tr>
                <td style="width: 140px; font-family: Arial, Helvetica, sans-serif; text-align: right">
                    &nbsp;Seleccione vendedor:
                </td>
                <td style="width: 250px; text-align: left">
                    <asp:DropDownList id="ddlVendedor" runat="server" style="width: 250px" CssClass="controles_texto" ClientIDMode="Static" />
                </td>
            </tr>
             <tr>
                <td style="WIDTH: 120px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right">
                    &nbsp;Fecha Venta Inicial:
                </td>
                <td style="WIDTH: 132px; TEXT-ALIGN: left">                    
                    <%--<asp:TextBox ID="txtFechaIni" runat="server" ClientIDMode="Static" CssClass="controles_texto"></asp:TextBox>--%>
                    <asp:UpdatePanel ID="upFchInicio" runat="server" UpdateMode="Always">
                        <ContentTemplate>
                            <asp:TextBox ID="txtFechaIni" runat="server" SkinID="txtNormalObligatorioSkin" Width="100px"></asp:TextBox>
                            <asp:ImageButton ID="imgFchInicio" runat="server" ImageUrl="~/imagenes/Procesos/calendario.png" />
                            <ajax:MaskedEditExtender ID="MExtFchInicio" runat="server" CultureAMPMPlaceholder=""
                                CultureCurrencySymbolPlaceholder="" CultureDateFormat="" CultureDatePlaceholder=""
                                CultureDecimalPlaceholder="" CultureThousandsPlaceholder="" CultureTimePlaceholder=""
                                Enabled="True" Mask="99/99/9999" MaskType="Date" TargetControlID="txtFechaIni"
                                UserDateFormat="DayMonthYear">
                            </ajax:MaskedEditExtender>
                            <ajax:CalendarExtender ID="CExtFchInicio" runat="server" Format="dd/MM/yyyy" PopupButtonID="imgFchInicio"
                                TargetControlID="txtFechaIni">
                            </ajax:CalendarExtender>
                        </ContentTemplate>
                    </asp:UpdatePanel>                    
                </td>
            </tr>
            <tr>
                <td style="WIDTH: 120px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right">
                    &nbsp;Fecha Venta Final:
                </td>
                <td style="WIDTH: 132px; TEXT-ALIGN: left">                    
                    <%--<asp:TextBox ID="txtFechaFin" runat="server" ClientIDMode="Static" CssClass="controles_texto"></asp:TextBox>--%>
                    <asp:UpdatePanel ID="upFchFin" runat="server" UpdateMode="Always">
                        <ContentTemplate>
                            <asp:TextBox ID="txtFechaFin" runat="server" SkinID="txtNormalObligatorioSkin" Width="100px"></asp:TextBox>
                            <asp:ImageButton ID="imgFchFin" runat="server" ImageUrl="~/imagenes/Procesos/calendario.png"
                                Width="16px" />
                            <ajax:MaskedEditExtender ID="MExtFchFin" runat="server" CultureAMPMPlaceholder=""
                                CultureCurrencySymbolPlaceholder="" CultureDateFormat="" CultureDatePlaceholder=""
                                CultureDecimalPlaceholder="" CultureThousandsPlaceholder="" CultureTimePlaceholder=""
                                Enabled="True" Mask="99/99/9999" MaskType="Date" TargetControlID="txtFechaFin"
                                UserDateFormat="DayMonthYear">
                            </ajax:MaskedEditExtender>
                            <ajax:CalendarExtender ID="CExtFchFin" runat="server" Format="dd/MM/yyyy" PopupButtonID="imgFchFin"
                                TargetControlID="txtFechaFin">
                            </ajax:CalendarExtender>
                        </ContentTemplate>
                    </asp:UpdatePanel>                    
                </td>
            </tr>            
            <tr>
                <td style="width: 250px; font-family: Arial, Helvetica, sans-serif; text-align: right">
                    &nbsp;Ingrese nombre de cliente:
                </td>
                <td style="width: 250px; text-align: left">                    
                    <asp:TextBox ID="txtNombreCliente" runat="server" style="width: 250px" CssClass="controles_texto" ClientIDMode="Static" />
                </td>
            </tr>
        </tbody>
        </table>

        <table>
        <tbody>
            <tr>
                <td style="VERTICAL-ALIGN: middle; WIDTH: 410px; TEXT-ALIGN: center" 
                    align="center">
                    <asp:Button id="btnAceptar" OnClientClick="btnAceptar_onClick" ClientIDMode="Static" runat="server" CssClass="boton_act" Text="Aceptar"></asp:Button>
                    &nbsp;&nbsp;&nbsp;&nbsp; 
                    <asp:Button id="btnCancelar" onClick="btnCancelar_Click" runat="server" CssClass="boton_ina" Text="Cancelar"></asp:Button>
                </td>
            </tr>
        </tbody>
        </table>
    </asp:Panel>

    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server" 
    TargetControlID="lnkConsultar"
    PopupControlID="pnlConsulta"             
    BackgroundCssClass="modalBackground" 
    OkControlID="btnAceptar"
    OnOkScript="btnAceptar_onClick()" 
    CancelControlID="btnCancelar" 
    DropShadow="true"
    PopupDragHandleControlID="pnlArrastre" />
    
    <table style="width: 100%; border:0px">
        <tr>
            <td align="center"><asp:Label ID="lblSubTitulo" runat="server" CssClass="titulo">REPORTE DE VENTAS - <%=Me.Master.descEmpresa.Trim.ToUpper()%></asp:Label></td>
        </tr>
    </table>
    <table style="width: 100%; border:0px">
        <tr>
            <td align="center"><asp:Label ID="lblSubTitulo2" runat="server" CssClass="subtitulo">Click en el link de Consultar para consultar información por criterios de búsqueda</asp:Label></td>
        </tr> 
        <tr>
            <td align="center"><asp:Label ID="lblSubTitulo3" runat="server" CssClass="subtitulo2">N° Documento: ######## y Cliente: $$$$$$ $$$$$, $$$$$ </asp:Label></td>
        </tr>         
    </table>

    <table style="width: 100%">
        <tr>
            <td>
                <asp:Repeater ID="rptReporteGlobal" runat="server">
                    <HeaderTemplate>
                        <table border="0" class="tabla_repeater">
                            <tr>
                                <th colspan="12" style="font-size: 10px">REPORTE DE VENTAS - <%=Me.Master.descEmpresa.Trim.ToUpper()%></th>
                            </tr>
                            <tr>
                                <th style="font-size: 10px; width: 60px">Uid</th>
                                <th style="font-size: 10px; width: 90px">Fecha Venta</th>
                                <th style="font-size: 10px; width: 200px">Nombre / Razón Social</th>
                                <th style="font-size: 10px; width: 80px">DNI</th>
                                <th style="font-size: 10px; width: 80px">Teléfonos</th>
                                <th style="font-size: 10px; width: 60px">T. Precio Venta</th>
                                <th style="font-size: 10px; width: 60px">T. Separacion</th>
                                <th style="font-size: 10px; width: 60px">Cuota Inicial</th>
                                <th style="font-size: 10px; width: 60px">Saldo de Precio</th>
                                <th style="font-size: 10px; width: 60px">Forma de Pago</th>
                                <th style="font-size: 10px; width: 200px">Entidad Financiera</th>
                                <th style="font-size: 10px; width: 200px">Observación</th>
                            </tr>
                    </HeaderTemplate>
                    
                    <ItemTemplate>
                        <tr onmouseover="this.style.backgroundColor='#EAAAAC'" onmouseout="this.style.backgroundColor=''">
                            <td align="center" style="width: 60px">&nbsp;<%#Eval("ID Venta")%></td>
                            <td align="left" style="width: 90px">&nbsp;<%#Eval("Fecha Venta")%></td>
                            <td align="left" style="width: 200px">&nbsp;<%#Eval("Nombre Cliente")%></td>
                            <td align="center" style="width: 80px">&nbsp;<%#Eval("DNI Cliente")%></td>
                            <td align="center" style="width: 80px">&nbsp;<%#Eval("Telefono")%></td>
                            <td align="right" style="width: 60px">&nbsp;<%#Eval("Precio Vta Dep")%></td>
                            <td align="right" style="width: 60px">&nbsp;<%#Eval("Pago Separacion")%></td>
                            <td align="right" style="width: 60px">&nbsp;<%#Eval("Monto Cuota Inicial")%></td>
                            <td align="right" style="width: 60px">&nbsp;<%#Eval("Saldo Financiar")%></td>
                            <td align="left" style="width: 60px">&nbsp;<%#Eval("Tipo Financiamiento")%></td>
                            <td align="left" style="width: 200px">&nbsp;<%#Eval("Entidad Financiera")%></td>
                            <td align="left" style="width: 200px">&nbsp;<%#Eval("Observacion")%></td>
                        </tr>
                    </ItemTemplate>
                    
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                </asp:Repeater>
            </td>
        </tr>
        <tr>
            <td><asp:HiddenField ID="hdfFechaCierre" runat="server"></asp:HiddenField></td>
        </tr>        
    </table>    

</asp:Content>

